<style>

    .reset-pwd form {
        width: 500px;
    }

    .reset-pwd .first-td {
        width: 120px;
        padding: 16px 0 0 10px;
    }

    .reset-pwd .last-td {
        padding: 12px 40px 0 10px;
        width: 380px;
    }

    .reset-pwd .w100p {
        width: 100%;
    }

</style>

<div i="content" class="reset-pwd ui-dialog-content mt5">
    <form class="ui-dialog-content" name="resetPwdForm">
        <table width="100%">
            <tbody>
            <tr>
                <td class="first-td" align="right" valign="top"><span class="c-red">* </span>管理员邮箱：</td>
                <td class="last-td" valign="top">
                    <input class="w100p" type="email" name="email" required ng-model="data.Email">
                    <div ng-messages="resetPwdForm.email.$error"
                         ng-show="resetPwdForm.$submitted || resetPwdForm.email.$touched">
                        <p class="c-red lh30" ng-message="required">管理员邮箱不能为空</p>
                        <p class="c-red lh30" ng-message="email">邮箱格式不正确</p>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="first-td" align="right" valign="top"><span class="c-red">* </span>管理员密码：</td>
                <td class="last-td" valign="top">
                    <input class="w100p" type="password" name="pwd1" required ng-model="data.pwd1"
                           minlength="8" 
                           maxlength="16"
                           ng-pattern="/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d$@$!%*#?&_]{8,16}$/"
                           custom-valid-exp="data.pwd1 != data.pwd2"
                           custom-valid-exp-other="resetPwdForm.pwd2">
                    <div ng-messages="resetPwdForm.pwd1.$error"
                         ng-show="resetPwdForm.$submitted || resetPwdForm.pwd1.$touched">
                        <p class="c-red lh30" ng-message="required">密码不能为空</p>
                        <!-- <p class="c-red lh30" ng-message="custom">两次输入的密码不一致</p> -->
                        <p class="c-red lh30 f14" ng-message="pattern">密码由8-16位字符,包括至少一位数字和一位字母</p>
                        <p class="c-red lh30 f14" ng-message="minlength">密码由8-16位字符,包括至少一位数字和一位字母</p>
                        <p class="c-red lh30 f14" ng-message="maxlength">密码由8-16位字符,包括至少一位数字和一位字母</p>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="first-td" align="right" valign="top"><span class="c-red">* </span>重复输入密码：</td>
                <td class="last-td" valign="top">
                    <input class="w100p" type="password" name="pwd2" required ng-model="data.pwd2"
                           minlength="8" 
                           maxlength="16"
                           ng-pattern="/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d$@$!%*#?&_]{8,16}$/"
                           custom-valid-exp="data.pwd1 != data.pwd2"
                           custom-valid-exp-other="resetPwdForm.pwd1">
                    <div ng-messages="resetPwdForm.pwd2.$error"
                         ng-show="resetPwdForm.$submitted || resetPwdForm.pwd2.$touched">
                        <p class="c-red lh30" ng-message="required">密码不能为空</p>
                        <p class="c-red lh30" ng-message="custom">两次输入的密码不一致</p>
                        <p class="c-red lh30 f14" ng-message="pattern">密码由8-16位字符,包括至少一位数字和一位字母</p>
                        <p class="c-red lh30 f14" ng-message="minlength">密码由8-16位字符,包括至少一位数字和一位字母</p>
                        <p class="c-red lh30 f14" ng-message="maxlength">密码由8-16位字符,包括至少一位数字和一位字母</p>
                    </div>
                </td>
            </tr>
            <tr><td colspan="2">
                <div class="c-gray mt10 ml30 f14">密码由8-16位字符,包括至少一位数字和一位字母</div>
            </td></tr>
            </tbody>
        </table>
    </form>
</div>